<template>
    <div>
       <h1>组件Count1加2</h1>
       <Count1 :num = "2" id="3"/>
       <hr>
       <h1>组件Count2加100</h1>
       <Count2 :num = "100" />
       <hr>
       <h1>组件Count3传一个对象</h1>
       <Count3 v-bind ="address"/>
    </div>
</template>

<script>
//引入组件
import Count1 from "./components/Count1";
import Count2 from "./components/Count2";
import Count3 from "./components/Count3";
export default {
  name: "App",
  //注册组件
  components: {
    Count1,
    Count2,
    Count3,
  },
  data(){
    return{
        name: "APP",
        address:{
          name1:"丽江",
          name2:"大理",
          name3:"西藏",
          name4:"西安",
        }
    }
  },
};
</script>


<style>
</style>